{extend name="base"/}
{block name="resources"}

<style>
	.layui-input-inline input, .layui-input-block input, .layui-input-block textarea {outline: none; border: none;}
	.upload-img-block {border: none; width: 100%;}
	.upload-img-block .upload-img-box {display: inline-block; width: 80px; height: 80px;}
	.ns-detail-form {display: inline-block; width: 49%; vertical-align: top;}
	.ns-detail-form:first-child {border-right: 1px solid #EEEEEE;}

	.ns-title-content {color: #454545; display: flex; flex-wrap: wrap;}
	.ns-title-content .layui-form-item {margin-bottom: 0; height: 30px; line-height: 30px;}

	.layui-card:first-child {margin-top: 0;}

	.ns-card-common .layui-card-header {
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.ns-card-common .layui-card-body {
		padding: 20px;
	}
	.ns-card-common .ns-card-title {
		font-size: 14px;
		font-weight: 600;
	}
	.ns-card-common .ns-card-sub {
		color: #999999;
		font-size: 12px;
	}

	.ns-card-brief .layui-card-header {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.ns-card-brief .ns-card-title {
		position: relative;
		padding-left: 10px;
	}
	.ns-card-brief .ns-card-title::before {
		content: "";
		display: inline-block;
		width: 3px;
		height: 14px;
		background-color: #FF6A00;
		position: absolute;
		left: 0;
		top: 50%;
		border-radius: 5px;
		transform: translateY(-50%);
	}

	.layui-card.ns-form-show {
		margin-bottom: 0;
	}
	.layui-card.ns-form-show .layui-card-header {
		padding: 3px 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 5px;
	}

	.ns-card-block {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.ns-card-block .ns-card-sev {
		background-color: #FFFFFF;
		width: 32.8%;
	}
	.ns-card-block .ns-card-sev .layui-card-header {
		height: auto !important;
		line-height: normal;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.ns-card-block .ns-card-sev .ns-sev-left {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.ns-card-block .ns-card-sev .ns-img-box {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-right: 10px;
	}
	.ns-card-block .ns-card-sev .ns-text-box {
		vertical-align: top;
	}
	.ns-card-block .ns-card-sev .ns-text-box .ns-card-title {
		line-height: 30px;
	}
	.ns-card-block .ns-card-sev .ns-text-box .ns-card-sub {
		line-height: 20px;
	}
	.ns-card-block .ns-card-sev .ns-sev-right {
		display: flex;
		align-items: center;
	}
	.ns-card-block .layui-card-body div {
		height: 76px;
		overflow: auto;
		font-size: 13px;
		color: #999;
		scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
		/* IE 10+ */
	}
	.ns-card-block .layui-card-body div::-webkit-scrollbar {
		/* Chrome Safari */
		display: none;
	}

	/* 详情面板 */
	.ns-detail-card {
		width: 100%;
		border: 1px solid #F1F1F1;
		padding: 20px 0 20px 80px;
		box-sizing: border-box;
		display: flex;
	}
	.ns-detail-card .ns-detail-img {
		width: 60px;
		height: 60px;
		text-align: center;
		margin-right: 15px;
	}
	.ns-detail-card .ns-detail-img img {
		max-width: 100%;
		max-height: 100%;
	}
	.ns-detail-card .ns-goods-name {
		font-size: 16px;
		font-weight: 600;
		color: #333333;
	}
	.ns-detail-card .ns-detail-line {
		height: 32px;
		line-height: 32px;
		color: #666666;
	}
	.ns-detail-card .ns-inline-span {
		display: inline-block;
		width: 220px;
	}

	.ns-table-tab {
		margin-top: 15px;
	}
	.ns-table-tab .layui-tab-title {
		height: 41px;
		border-color: #f1f1f1;
	}
	.ns-table-tab .layui-tab-title li {
		background-color: #F7F7F7;
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		border-left: 1px solid #f1f1f1;
	}
	.ns-table-tab .layui-tab-title li:first-child {
		border-left: 1px solid #f1f1f1;
		border-top-left-radius: 3px;
	}
	.ns-table-tab .layui-tab-title li:last-child {
		border-right: 1px solid #f1f1f1;
		border-top-right-radius: 3px;
	}
	.ns-table-tab .layui-tab-title li.layui-this {
		background-color: #fff;
		border-bottom-color: #fff;
	}
	.ns-table-tab .layui-tab-title li.layui-this::after {
		border: none;
		border-radius: 0;
	}
	.ns-table-tab .layui-tab-content {
		padding: 0;
		border: none;
		background-color: #fff;
	}

	.ns-single-filter-box {
		display: flex;
		justify-content: space-between;
		padding: 14px 0;
		padding: 14px 0;
		background-color: #fff;
	}
	.ns-single-filter-box .layui-form {
		margin-left: auto;
	}
	.ns-single-filter-box .layui-form .layui-btn {
		border-color: #e6e6e6;
		padding: 0 10px;
	}
	.ns-single-filter-box .layui-form .layui-input + .layui-btn {
		height: 32px;
		line-height: 32px;
		position: absolute;
		right: 1px;
		top: 1px;
		border-width: 0;
		border-left-width: 1px;
	}
	.ns-single-filter-box .layui-form .layui-input:focus + .layui-btn {
		border-color: #FF6A00 !important;
	}
	.ns-single-filter-box .layui-input-inline {
		margin-left: 8px;
	}

	.ns-screen {
		border: 0;
		background-color: #fff;
		border-radius: 5px;
		min-height: 45px;
	}
	.ns-screen .layui-colla-item {
		position: relative;
	}
	.ns-screen .layui-colla-title {
		position: initial;
		height: 0;
	}
	.ns-screen .layui-colla-title .layui-colla-icon {
		left: auto;
		transform: translateX(-50%);
		top: 0;
		color: #BEBEBE;
		right: 10px;
		z-index: 2;
		padding: 5px;
	}
	.ns-screen .layui-colla-content {
		padding: 15px 0;
		border: 1px solid #f1f1f1;
	}
	.ns-screen .layui-colla-content .layui-input, .ns-screen .layui-colla-content .layui-form-select {
		width: 185px !important;
	}
	.ns-screen .layui-form-label {
		width: 120px;
		font-size: 14px;
	}
	.ns-screen .ns-form-row {
		margin-left: 120px;
	}

	.ns-form {
		background-color: #fff;
		padding: 15px 0;
		border-radius: 5px;
	}

	.layui-unselect.layui-form-radio.layui-form-radioed i:after {
		content: "";
		position: absolute;
		width: 8px;
		height: 8px;
		background: #FF6A00;
		border-radius: 50%;
		left: 4px;
		top: 10px;
	}

	.ns-len-long {
		width: 450px !important;
	}

	.ns-len-mid {
		width: 250px !important;
	}

	.ns-len-short {
		width: 120px !important;
	}

	.ns-special-length {
		width: 650px !important;
	}

	.layui-input, .layui-select, .layui-textarea {
		border-color: #E6E6E6;
	}
	.layui-input:focus, .layui-select:focus, .layui-textarea:focus {
		border-color: #FF6A00 !important;
	}

	.layui-unselect.layui-form-radio.layui-form-radioed i:after {
		content: "";
		position: absolute;
		width: 8px;
		height: 8px;
		background: #FF6A00;
		border-radius: 50%;
		left: 4px;
		top: 10px;
	}

	.layui-anim.layui-icon {
		position: relative;
		font-size: 16px !important;
	}

	.layui-input, .layui-select, .ns-input-text, .layui-btn {
		height: 34px;
		line-height: 34px;
		font-size: 14px;
	}

	.ns-btn-hover {
		color: #FF6A00 !important;
		border-color: #FF6A00 !important;
	}

	.layui-btn {
		padding: 0 16px;
	}

	.layui-form-label {
		width: 200px;
		height: 34px;
		line-height: 34px;
		padding: 0 10px 0 0;
		box-sizing: border-box;
		font-size: 14px;
		color: #454545 !important;
	}
	.layui-form-label.sm {
		width: 80px;
	}
	.layui-form-label.mid {
		width: 150px;
	}

	.layui-form-label + .layui-input-block {
		margin-left: 200px;
	}

	.layui-form-label.sm + .layui-input-block {
		margin-left: 80px;
	}

	.layui-form-label.mid + .layui-input-block {
		margin-left: 150px;
	}
	.ns-table-title {
		display: flex;
		align-items: center;
	}
	.ns-table-title .ns-title-pic {
		flex-shrink: 0;
		display: inline-block;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		margin-left: 5px;
	}
	.ns-table-title .ns-title-pic img {
		max-width: 100%;
		max-height: 100%;
	}
	.ns-table-title .ns-title-content {
		overflow: hidden;
		margin-left: 10px;
		flex: 1;
		line-height: 1.8;
	}

	.ns-img-box {
		display: inline-block;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
	}
	.ns-img-box img {
		max-width: 100%;
		max-height: 100%;
	}
	.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
		height: auto;
		font-size: 14px;
	}

	.layui-table-grid-down {
		display: none;
	}
</style>
{/block}
{block name="main"}
<div class="layui-card ns-card-common">
	<div class="layui-card-header">
		<span class="ns-card-title">基础信息</span>
	</div>
	<div class="layui-card-body">
		<div class="ns-table-title">
			<div class="ns-title-pic">
				<img layer-src src="{:img($info.headimg)}" onerror="this.src = 'ADMIN_IMG/default_headimg.png'" />
			</div>
			<div class="ns-title-content">
				<div class="layui-form-item">
					<label class="layui-form-label sm">会员昵称：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{$info.nickname}</div>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label sm">手机电话：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{notempty name='$info.mobile'}{$info.mobile}{else/}--{/notempty}</div>
					</div>
				</div>
				<!--<div class="layui-form-item">
					<label class="layui-form-label sm">会员邮箱：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{notempty name='$info.email'}{$info.email}{else/}&#45;&#45;{/notempty}</div>
					</div>
				</div>-->
				<!--<div class="layui-form-item">
					<label class="layui-form-label sm">关注状态：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{eq name='$info.is_subscribe' value='1'}已关注{else/}未关注{/eq}</div>
					</div>
				</div>-->
				<div class="layui-form-item">
					<label class="layui-form-label sm">推荐码：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{$info.invitation_code}</div>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label sm">关注时间：</label>
					<div class="layui-input-block">
						<div class="ns-len-mid">{:time_to_date($info.subscribe_time)}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="fourstage-nav layui-tab layui-tab-brief" lay-filter="edit_user_tab">
	<ul class="layui-tab-title">

		<li class="layui-this" lay-id="basic_info" lay-id="basic_info">会员地址</li>

	</ul>
	<div class="layui-tab-content">
		<div class="layui-tab-item layui-show">
			<iframe src="{:url('hotel/hotel/member/addressdetail',array('member_id'=>$info.member_id))}" style="width:100%;height:100vh;border:0"></iframe>
		</div>
	</div>
</div>


{/block}
{block name="script"}
<script>
	layui.use('form', function() {
		var form = layui.form;
		form.render();


		
	});
</script>
{/block}